<%--
  Created by IntelliJ IDEA.
  User: pc
  Date: 2020/11/17
  Time: 14:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>登录注册</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <style>
        #rightall{

        }
        #denglubtn{
            color: white;
            background-color: orange;
            width: 190px;
        }

    </style>
</head>
<body>
<div class="layui-container" style="width: 100%">
    <div class="layui-row">
        <div class="layui-col-lg7"  id="rightall"  style="background-color: burlywood;height: 1080px;" >
            <div class="layui-col-lg7"  style="background-color: burlywood;height: 80px;width: 100%" >
            </div>

        </div>


        <div class="layui-col-lg5" style="background-color: #0C0C0C;height: 1080px" >
<%--            你的内容 5/12--%>
            <div class="layui-col-lg5" style="background-color: palevioletred;height: 80px;width: 100%" >
                <div class="layui-col-lg5" style="background-color: rebeccapurple;height: 700px;width: 60%;position: absolute;top: 200px" >


                    <div class="layui-col-lg5" style="background-color: greenyellow;height: 30px;width: 100%;position: absolute;top: 169px" >

                        <%--a--%>
                        <div class="layui-col-lg5" style="background-color: palevioletred;height: 30px;width: 49%;position: absolute" >

                        </div>

                        <%--a--%>
                        <div class="layui-col-lg5" style="background-color: darkmagenta;height: 30px;width: 50%;position: absolute" >

                        </div>
                    </div>
                    <div class="layui-col-lg5" style="background-color: red;height: 200px;width: 100%;position: absolute;top: 200px" >


                        <%--layuiform表单 登录form表单--%>
                        <form class="layui-form" action="${pageContext.request.contextPath}/webdenglu">
                            <%--输入框--%>
                            <div class="layui-form-item">
                                <label class="layui-form-label">账号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="uname" required  lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input" style="width: 190px">
                                </div>
                            </div>


                            <%--密码框--%>
                            <div class="layui-form-item">
                                <label class="layui-form-label">密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid layui-word-aux">辅助文字</div>
                            </div>

                            <%--提交按钮--%>
                            <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" id="denglubtn" lay-submit lay-filter="formDemo">登录</button>
                                    </div>
                            </div>
                        </form>


                    </div>
                </div>
            </div>




    <script>

        // layui.use('form', function(){
        //     var form = layui.form;
        //
        //     //监听提交
        //     form.on('submit(formDemo)', function(data){
        //         //layer.msg(JSON.stringify(data.field));
        //         return true;
        //     });
        // });



    </script>

</body>
</html>
